<template>
    <div class="Top">
        <div class="box1">
            <img src="../../assets/image/topImg/report.png" alt="">
            <span @click="DownLoad">报告下载</span>
        </div>
        <div class="box2">
            <div class="headImg"></div>
            <div class="name">Wayne</div>
        </div>
    </div>
</template>

<script>
    // import axios from 'axios'

    export default {
        name: "top",
        methods:{
            DownLoad(){
                this.$emit("Down")
                // axios({
                //     url:'http://192.168.3.21:8888/user/report/',
                //     method:'get',
                // }).then(res =>{
                //     console.log(res)
                // })
            },
        },
    }
</script>

<style lang="less">
    .Top{
        margin-top: 23px;
        width: 1600px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .box1{
            margin-right: 50px;
            display: flex;
            align-items: center;
            img{
                width: 22px;
                height: 22px;
                margin-right: 6px;
            }
            span{
                font-size: 16px;
                font-family: PingFang SC;
                font-weight: 500;
                color: #000000;
                opacity: 1;
                cursor: pointer;
            }
        }
        .box2{
            display: flex;
            align-items: center;
            .headImg{
                width: 40px;
                height: 40px;
                background: url("../../assets/image/topImg/headimg.png");
                background-size: 100% 100%;
                border: 1px solid #0E8BF8;
                border-radius: 50%;
                opacity: 1;
                margin-right: 8px;
            }
            .name{
                width: 50px;
                height: 22px;
                font-size: 16px;
                font-family: PingFang SC;
                font-weight: 500;
                color: #000000;
                opacity: 1;
            }
        }
    }

</style>
